<template>
	<tm-fullView>
		<template v-slot:default="{info}">
			<view class="grey text " :class="$tm.vx.state().tmVuetify.black?'black bk':''" :style="{minHeight:info.height+'px'}">
				<tm-menubars title="时间周切换条" color="bg-gradient-blue-accent"  :showback="true"></tm-menubars>
				<tm-sheet :shadow="24" :padding="[24,12]">
					<tm-weekbar :defaultValue.sync="defaultTime"></tm-weekbar>
				</tm-sheet>
				<tm-sheet :shadow="24" :padding="[24,12]">
					<tm-weekbar :fllowTheme="false" :defaultValue.sync="defaultTime"  btnColor="text " activeColor="red"></tm-weekbar>
				</tm-sheet>
				<tm-sheet color="blue" :padding="[24,12]">
					<tm-weekbar :fllowTheme="false" :defaultValue.sync="defaultTime" btnColor="none" color="blue" fontColor="white" activeColor="yellow" dateColor="white"></tm-weekbar>
				</tm-sheet :shadow="24">
				 <tm-sheet color="red" :padding="[24,12]">
				 	<tm-weekbar :fllowTheme="false" :defaultValue.sync="defaultTime" btnColor="none" color="red" fontColor="white" activeColor="yellow" dateColor="white"></tm-weekbar>
				 </tm-sheet>
				<view style="height: 50upx;"></view>
			</view>
		</template>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmWeekbar from "@/tm-vuetify/components/tm-weekbar/tm-weekbar.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	export default {
		components:{tmFullView,tmSheet,tmMenubars,tmWeekbar},
		data() {
			return {
				defaultTime:'2021-10-1'
			};
		}
	}
</script>

<style lang="scss">

</style>
